<template>
    <div class="home">

        <van-tabbar v-model="active" active-color="hotpink">
            <van-tabbar-item icon="home-o"><router-link to="/home"> 首页 </router-link> </van-tabbar-item>
            <van-tabbar-item icon="search"> <router-link to="/serch"> 搜索</router-link></van-tabbar-item>
            <van-tabbar-item icon="friends-o"><router-link to="/mine" > 我的</router-link></van-tabbar-item>
        </van-tabbar>
    </div>
</template>

<script>

    export default {
        name:"Home",
        components:{



        },
        data() {
            return {
                active: 1,

            };
        },
    };
</script>
<style lang="less" scoped>
    /deep/.van-tab--active{
        color:orange;
    }
</style>